<template>
    <div class="header">
        <button class="back-button" @click="goBack">
            <el-icon><ArrowLeft /></el-icon>
        </button>
        <div class="title-container">
            <h3>1.2 算法复杂度分析 学生掌握分析</h3>
        </div>
    </div>
  </template>

  <script>
  import { ArrowLeft } from '@element-plus/icons-vue';

  export default {
    components: {
      ArrowLeft,
    },
    props: {
      totalQuestions: {
        type: Number,
        default: 0,
      },
    },
    methods: {
      goBack() {
        window.history.back();
      },
    },
  };
  </script>

  <style scoped>
  .header {
      padding: 10px;
      border-bottom: 1px solid #ddd;
      text-align: left;
      display: flex;
      align-items: center;
  }

  .back-button {
      background-color: transparent;
      border: none;
      cursor: pointer;
  }

  .title-container {
      display: flex;
      flex-direction: column;
      margin-left: 10px;
  }
  </style>
